.directoryContainer {
  .directory {
    display: flex;
    width: 100%;
    line-height: 30px;
    justify-content: space-around;
    padding: 0 10px;
    align-items: center;

    .folderTitle {
      width: 80%;
      text-align: left;
      padding-left: 5px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
    .addFolderTitle{
      line-height: 20px;
      text-align: left;
      width: 80%;
      padding-left: 5px;
    }

    .icon {
      width: 15px;
      height: 15px;

      svg {
        width: 100%;
        height: 100%;
        display: block;
        transform: rotate(-90deg);
        transform-origin: center;
        transition: transform .25s linear;
      }

      .expand {
        transform: rotate(0);
        transition: transform .25s linear;
      }
    }


  }
}
